<template>
  <public-dialog
    title="合同信息"
    width="50%"
    v-model:visible="visible"
  >
      <template #default>
        <el-form>
            <el-row>
                <el-col :span="8">
                    <el-form-item label="所属项目">

                    </el-form-item>
                </el-col>
                <el-col :span="8">
                    <el-form-item label="合同名称"></el-form-item>
                </el-col>
                <el-col :span="8">
                    <el-form-item label="合同编码"></el-form-item>
                </el-col>
            </el-row>
            <el-row>
                <el-col :span="8">
                    <el-form-item label="合同类型">

                    </el-form-item>
                </el-col>
                <el-col :span="8">
                    <el-form-item label="合同总额"></el-form-item>
                </el-col>
                <el-col :span="8">
                    <el-form-item label="签订份数"></el-form-item>
                </el-col>
            </el-row>
            <el-row>
                <el-col :span="8">
                    <el-form-item label="甲方单位">

                    </el-form-item>
                </el-col>
                <el-col :span="8">
                    <el-form-item label="乙方单位"></el-form-item>
                </el-col>
                <el-col :span="8">
                    <el-form-item label="三方单位"></el-form-item>
                </el-col>
            </el-row>
            <el-row>
                <el-col :span="24">
                    <el-form-item label="合同概况"></el-form-item>
                </el-col>
            </el-row>
            <el-row>
                <el-col :span="24">
                    <el-form-item label="合同附件"></el-form-item>
                </el-col>
            </el-row>
            <el-divider/>
            <div class="table-content">
                <div class="head-box d-flex a-center j-sb">
                    <span>款项计划</span>
                    <el-button
                        color="#fc7040"
                        style="color: #FFFFFF;"
                        size="large"
                    >新增</el-button>
                </div>
                <public-table
                    class="m-t10"
                    :header-cell-style="{'background':'#f7f7fa'}"
                    :page="page"
                    :tableData="tableData"
                    :tableOption.sync="tableOption"
                ></public-table>
            </div>
        </el-form>
      </template>
  </public-dialog>
</template>

<script setup>
import PublicDialog from "@/components/PublicDialog.vue";
import {reactive, ref} from "vue";
import {ElRow,ElCol,ElForm,ElFormItem,ElDivider} from "element-plus";
import PublicTable from "@/components/PublicTable.vue";

const visible = ref(false);

const page = reactive({
    total: 0,
    current: 1,
    size: 100
});
const tableData = ref([]);
const tableOption = ref([
    { label: "合同名称 ", prop: "fileName",overHidden: false, },
    {
        label: "操作",
        slot: true,
        overHidden: false,
        slotName: "buttons",
    },
]);

/**
 * 打开弹窗
 */
const open = () => {
  visible.value = true;
}

defineExpose({
    open
});
</script>

<style scoped>

</style>